<%@ page contentType="text/html; charset=utf-8" %>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
</head>

<script language="javascript">
//로그인 submit
function extAgrAction() {
 
    if(!validateTermsAgr()){
        return;   
    }
    
    var frm = $("#extTermsAgrMbrForm")[0];
    var extMbrId =  document.getElementById("extMbrId");
 
     frm.action="<c:url value='/mbr/extMbrEnt.do'/>";
    
    frm.submit();
}


function validateTermsAgr(){
    var frm = $("#extTermsAgrMbrForm")[0];
    
    
    var sbc1 =  document.getElementById("sbc1");
    var sbc2 = document.getElementById("sbc2");
    var sbc3 = document.getElementById("sbc3");
    var sbc4 = document.getElementById("sbc4");
    if(!sbc1.checked)
    {
       alert("개인정보의 수집 및 이용 목적에 동의하여 주십시요");
       sbc1.focus();
       return false;
    }
    if(!sbc2.checked)
    {
       alert("개인정보의 수집항목 및 수집방법에 동의하여 주십시요");
       sbc2.focus();
       return false;
    }   

    if(!sbc3.checked)
    {
       alert("개인정보의 보유 및 이용기간에 동의하여 주십시요");
       sbc3.focus();
       return false;
    }   

    if(!sbc4.checked)
    {
       alert("홈페이지 이용약관에 동의하여 주십시요");
       sbc4.focus();
       return false;
    }   

    return true;
}


function extDesAgrAction() {
    window.location.href = '/kr/index.do';
    /*
    var frm = $("#extTermsAgrMbrForm")[0];
     frm.action="<c:url value='/mbr/indexView.do'/>";
    
    frm.submit();
    */
}

</script>

<body>
<form id="extTermsAgrMbrForm" name="extTermsAgrMbrForm" method="post">

<input type="hidden" name="extMbrId" id="extMbrId" value="${mbrInfoVO.extMbrId}">



<div id="wrap" class="non-subnavigation02">

<div id="wrap" class="non-subnavigation02">
    <%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />

    <%@ include file="/WEB-INF/jsp/com/include/sub_header_global02_type02.jspf" %>
    <hr />


    <div id="container">
        <div id="subtitle-area"><div class="subtitle-area-inner">
            <%@ include file="/WEB-INF/jsp/com/include/location.jspf" %>
        </div></div>
         <div id="article">
            <p><img src="/kr/images/global_menu/img_join_process01.gif" alt="약관동의" /></p>
            <h4 class="subsection in-contents"><img src="/kr/images/title/h4_global_menu02_01.gif" alt="현대자동차 약관동의" /></h4>
            <p><img src="/kr/images/title/h4_global_menu02_01_desc.gif" alt="현대자동차 홈페이지를 이용하기 위해 '현대자동차 홈페이지 이용약관', '개인정보처리방침'을 읽고 동의하여 주세요." /></p>
            <div class="agree-rule-wrap">
                <h5 ><img src="/kr/images/title/h5_global_menu02_01_04.gif" alt="홈페이지 이용약관" /></h5>
                <div class="rule"><div class="inner" style="overflow-y:auto">
                    ${agrSbcMgmtVO.sbc4}
                </div></div>    
                <p class="agree-check">
                    <label>
                        <input type="checkbox" class="check" name="sbc4" id="sbc4" />
                                                                                    홈페이지 이용약관에 동의합니다. (동의하지 않을 경우 가입되지 않습니다)
                    </label>
                </p>        
        <div class="article-section">
               <h5 class="section-title"><img src="/kr/images/title/h5_global_menu02_01_05.gif" alt="홈페이지 이용약관" /></h5>
                        <h5><img src="/kr/images/title/h5_global_menu02_01_01.gif" alt="개인정보의 수집 및 이용 목적" /></h5>
                <div class="rule"><div class="inner" style="overflow-y:auto">
                    ${agrSbcMgmtVO.sbc1}
                </div></div>    
                <p class="agree-check">
                    <label>
                        <input type="checkbox" class="check" name="sbc1" id="sbc1" />
                                                                                개인정보의 수집 및 이용 목적에 동의합니다. (동의하지 않을 경우 가입되지 않습니다)
                    </label>
                </p>        
    
                <h5 class="subsection"><img src="/kr/images/title/h5_global_menu02_01_02.gif" alt="개인정보의 수집항목 및 수집방법" /></h5>
                <div class="rule"><div class="inner" style="overflow-y:auto">
                    ${agrSbcMgmtVO.sbc2}
                </div></div>    
                <p class="agree-check">
                    <label>
                        <input type="checkbox" class="check" name="sbc2" id="sbc2" />
                                                                                    개인정보의 수집항목 및 수집방법에 동의합니다. (동의하지 않을 경우 가입되지 않습니다)
                    </label>
                </p>        
    
                <h5 class="subsection"><img src="/kr/images/title/h5_global_menu02_01_03.gif" alt="개인정보의 보유 및 이용기간" /></h5>
                <div class="rule"><div class="inner" style="overflow-y:auto">
                    ${agrSbcMgmtVO.sbc3}
                </div></div>    
                <p class="agree-check">
                    <label>
                        <input type="checkbox" class="check" name="sbc3" id="sbc3" />
                                                                                    개인정보의 보유 및 이용기간에 동의합니다. (동의하지 않을 경우 가입되지 않습니다)
                    </label>
                </p>        
    
    

                <div class="btnwrap">
                         <a href="javascript:extAgrAction();"><img src="/kr/images/common/button/btn_agree.gif" alt="동의" /></a>
                    <a href="javascript:extDesAgrAction();"><img src="/kr/images/common/button/btn_agree_none.gif" alt="동의하지 않습니다" /></a>
                </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    </div>


    </form>
  </body>
    <hr />
    <%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>
    
    
